آموزش ساخت افکت متن متحرک کلیک شده در فتوشاپ | کاربردی در ساخت بنر


آموزش ساخت افکت متن متحرک کلیک شده در فتوشاپ | کاربردی در ساخت بنر

 

سلام بازم با یه آموزش دیگه در خدمت شمام میخوام به شما آموزش جالبی رو بدم که صد درصد در ساخت بنر ازش استفاده میشه نمونه ی این آموزش رو در هیچ یک از سایت های ایرانی و خارجی نمی بینید چون کسی نمیاد ترفند کاری خودش رو یاد بده ولی در سایت آی فتوشاپ فرق میکنه و چیزی که ما بلد باشیم رو باید( تاکید میکنم باید) شما هم بلد باشید هدف سایت ما همینه سعی کردم تا اون قدی که بلدم کم کاری نکنم پس میریم سر آموزش…

 

 

 

پیشنمایش کار:شما می تونید افکت متن یا تصویر کلیک خورده رو در فتوشاپ بسازید

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

مرحله ی اول

 

ابتدا یک سند جدید ایجاد کنید ابعاد این سند باید در سایز استاندارد ۶۰*۴۶۸ باشه سپس رنگ زمینه رو با کد زیر یکسان کنید اینم کد:

 

d6660c#

 

حالا آیکون های زیر رو دریافت کنید

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ

 

خب بعد از دریافت این ایکون ها آیکون فلش یا Cursor رو در فتوشاپ باز کنید دقت کنید وقتی تصویرCursorدر فتوشاپ باز کردید کلید هایCtrl+Aرو یکبار به صورت همزمان بزنید وقتی تصویر به حالت انتخاب شده در اومد کافیه کلید های Ctrl+C رو یکبار به صورت همزمان بزنید تا تصویر کپی بشه و به سراغ بکگراند اصلی برید که با سایز ۶۰*۴۶۸ ایجاد کردید یکبار کلید های Ctrl+Vرو بزنید تا تصویر فلش یا Cursorدر بکگراند ما پِست بشه

 

به این شکل

 

خب بعد از دریافت این ایکون ها آیکون فلش یا Cursor رو در فتوشاپ باز کنید دقت کنید وقتی تصویر Cursorدر فتوشاپ باز کردید کلید هایCtrl+Aرو یکبار به صورت همزمان بزنید وقتی تصویر به حالت انتخاب شده در اومد کافیه کلید های Ctrl+C رو یکبار به صورت همزمان بزنید تا تصویر کپی بشه و به سراغ بکگراند اصلی برید که با سایز 60*468 ایجاد کردید یکبار کلید های Ctrl+Vرو بزنید تا تصویر فلش یا Cursorدر بکگراند ما پِست بشه

 

توجه کنید که آیکون فلش باید در پایین ترین قسمت سمت راست باشه مثلا آیکون داره از اونجا میاد به سمت چپ متوجه شدید که دوستان گلم

 

مرحله ی دوم

 

حالا تصویرجعبه ی کادو یا Gift-icon 2 رو در فتوشاپ باز کنید سپس این تصویر رو با روش گفته شده در لایه ی بنر اصلی پست کنید به این شکل

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

اگه دقت کنید وقتی که تصویر جعبه کادو رو در بکگراند اصلی پِست می کنید بسیار بزرگ هستش و در بنر ما جا نمیشه شما کافیه یکبار همزمان کلید های Ctrl+Tرو بزنید وقتی مقیاس تصویر برای کوچیک کردن یا بزرگ کردن ظاهر شما شما باید اون تصویر رو کوچیک کنید و مانند تصویر بالا در جاهای مناسب قرار بدید

 

مرحله ی سوم

 

به حرکت در آوردن موس

 

شما کافیه یک فرم جدید بسازید :راهنما را دنبال کنید برای فعال سازی انیمیشن فتوشاپ مانند تصویر زیر عمل کنید

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

همون جوری که تو تصویر بالا می بینید برای فعال سازی انیمیشن فتوشاپ عمل کنید حالا یک فرم جدید ایجاد کنید برای ساختن فرم جدید تصویر زیر رو دنبال کنید

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

حالا در فرم دوم لایه ی فلش رو انتخاب کنید سپس این فلش رو در فرم دوم به روی جعبه ی کادو ببرید به این شکل

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

دقت کنید که این کار باید در فرم دوم صورت بگیره من مشخص کردم که در اول اول فلش کجا بوده و در فرم دوم با فلش رنگ قرمز مشخص کردم که فلش موس باید کجا قرار بگیره

 

سپس فرم اول رو انتخاب کنید روی این ایکون کلید کنید تا سیستم به صورت خودکار موس شما رو به حرکت در بیاره

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

سپس در پنجره ی باز شده مقدار و گزینه ها رو وارد و چک کنید.

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

سپس اگه پلی کنید می بنید که فلش موس داره از یه سمت به یه سمت دیگه میره پس تا اینجا ۵۰% کاره ما آمادس یک کپی از تصویر جعبه ی کادو بگیرید باید لایه های شما اینطوری شده باشه ها

 

cilik7

 

حالا فرم اول رو انتخاب کنید چشمک لایه ی کپی شده ی جعبه ی کادو رو در فرم اول خاموش کنید به این شکل

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

حالا فرم ۷ رو انتخاب کنید سپس چراغ جعبه ی کادو ی اصلی رو خاموش و سپس چشمک لایه ی جعبه ی کپی شده رو روشن کنید به این شکل

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

حالا لایه ی کپی شده جعبه ی کادو رو در فرم ۷ انتخاب کنید سپس با زدن کلید هایCtrl+T یکبار به صورت همزمان مقایس تصویررو به صورت حالت کوچک کننده یا بزرگ کننده در بیارید که شما باید تصویر جعبه رو کمی کوچکتر کنید به این شکل

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

فرم اول رو انتخاب کنید حالا ایکون

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ

 

یا Cursor Handرو فتوشاپ باز کنید به همون روش گفته شده اون رو وارد لایه ی بکگراند کنید به این شکل

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

دقت کنید که این آیکون در فرم اول پِست بشه حالا توی همون فرم اول چشمک آیکون Cursor Handرو خاموش کنید سپس به فرم هفتم برید چشمک آیکونCursor Handرو روشن کنید و چشمک آیکون Cursorرو خاموش کنید به این شکل

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

دقت کنید تصویر شما در فرم هفتم این شکلیه ها

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

خب الان تایم این فرم (فرم۷)رو به عدد ۲ فرم در ثانیه برسونید به این شکل

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

خب الان یک فرم جدید بسازید سپس در فرم هشتم چشمک لایه هایی که خاموش کردم رو مانند تصویر شما هم خاموش کنید

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

در فرم هشتم تایم فرم رو به عدد صفر برسونید

 

الان پلی کنید می بینید که وقتی روش کلیک میشه در فرم هفتم این جعبه ی کادو کوچیک میشه و حالتی مثل کلیک خوردن روش بدست میاد اینم تصویر نهایی آموزش

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

اینم یه نمونه بنر ساده با همین روش که ساختم

 

آموزش ساخت افکت متن متحرک کلیک  شده در فتوشاپ | کاربردی در ساخت بنر

 

دیگه باید خودتون رو نشون بدید چی طراحی می کنید من همیشه فقط به شما افکت رو یاد میدم و بقیه ی کار با شماست



آخرین نظرات ثبت شده برای این مطلب را در زیر می بینید:

برای دیدن نظرات بیشتر این پست روی شماره صفحه مورد نظر در زیر کلیک کنید:

بخش نظرات برای پاسخ به سوالات و یا اظهار نظرات و حمایت های شما در مورد مطلب جاری است.
پس به همین دلیل ازتون ممنون میشیم که سوالات غیرمرتبط با این مطلب را در انجمن های سایت مطرح کنید . در بخش نظرات فقط سوالات مرتبط با مطلب پاسخ داده خواهد شد .

شما نیز نظری برای این مطلب ارسال نمایید:


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: